﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="ProductDetail.aspx.cs" Inherits="SES.CMS.ProductDetail" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register Src="Module/AddButton.ascx" TagName="AddButton" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {

            $('.t-product-info').click(function () {
                $('#x-info').slideToggle("slow");
            });
            $('.t-product-intro').click(function () {
                $('#x-intro').slideToggle("slow");
            });
            $('.t-product-detail').click(function () {
                $('#x-detail').slideToggle("slow");
            });
            $('.t-product-facebook').click(function () {
                $('#x-facebook').slideToggle("slow");
            });
            $('.t-product-same').click(function () {
                $('#x-same').slideToggle("slow");
            });
        });

    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="contentright">
        <div class="detail">
            <span>Trang chủ /
                <asp:Literal ID="lblTitleParent" Text="" runat="server" />
                /
                <asp:Literal ID="ltProductTitle" Text="" runat="server" />
            </span>
        </div>
        <!--End .detail-->
        <div class="productdetail">
            <div class="t-product-detail-wrap">
                <div class="t-l-images-product-wrap">
                    <div class="clearfix">
                        <div id="mainslider" class="flexsliderx">
                            <ul class="slides">
                                <li>
                                    <img src='<%=domain %>/Media/<%=imageProduct%>' alt="Thumbnail 1" /></li>
                                <asp:Repeater ID="listImage" runat="server">
                                    <ItemTemplate>
                                        <li>
                                            <img src='<%#SES.CMS.Ultility.TopbikeDomain()%>/Media/<%#Eval("MediaFile") %>' alt="Thumbnail 1" />
                                        </li>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="product-tab-wrap">
                <div class="product-tab">
                    <span class="t-product-info product-tab-title">Thông tin xe</span> <span class="product-plus t-product-info">
                        +</span>
                </div>
                <div class="product-tab-content" id="x-info">
                    <div class="detailtext">
                        <ul>
                            <li>
                                <h2>
                                    <asp:Literal ID="lblTitle" Text="" runat="server" /></h2>
                            </li>
                            <li>
                                <div class="detail-price">
                                    <asp:Label ID="lbCost" runat="server" />
                                </div>
                            </li>
                            <li>
                                <div class="detail-left">
                                    Mã sản phẩm
                                </div>
                                <div class="detail-right">
                                    <asp:Label ID="lbId" runat="server" />
                                </div>
                            </li>
                            <li>
                                <div class="detail-left">
                                    Hãng sản xuất</div>
                                <div class="detail-right">
                                    <asp:Label ID="lbXuatxu" runat="server" />
                                </div>
                            </li>
                            <li>
                                <div class="detail-left">
                                    Tình trạng
                                </div>
                                <div class="detail-right">
                                    <asp:Label ID="lbStatus" runat="server" />
                                </div>
                            </li>
                            <li>
                                <div class="detail-left">
                                    Màu sắc</div>
                                <div class="detail-right">
                                    <asp:Repeater runat="server" ID="rptColor">
                                        <ItemTemplate>
                                            <div class="color-div">
                                                <a href='/Media/<%#Eval("Image") %>' class='cloud-zoom-gallery colorx' style='background: <%#Eval("Color")%>'
                                                    title='color' rel="useZoom: 'zoom1', smallImage: '/Media/<%#Eval("Image") %>' ">
                                                </a>
                                            </div>
                                        </ItemTemplate>
                                    </asp:Repeater>
                                </div>
                            </li>
                            <li>
                                <div class="detail-left">
                                    Bảo hành
                                </div>
                                <div class="detail-right">
                                    <asp:Label ID="lblWarranty" runat="server" />
                                </div>
                            </li>
                            <li>
                                <div class="hd-box">
                                    <div class="hd-left">
                                        <a href='/noi-dung/Huong-dan-mua-hang-online-6' class="myButton-hd">Hướng dẫn mua hàng</a>
                                    </div>
                                    <div class="hd-right">
                                        <asp:Literal runat="server" ID="ltrHuongDan">
                            
                                        </asp:Literal>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div id="button-face" class="product-social-box">
                                    <uc1:AddButton ID="AddButton1" runat="server" />
                                </div>
                            </li>
                        </ul>
                        <div class="cart-detail-box">
                            <div class="detail-left-x">
                                <span class="detail-left-x-span">Số lượng</span></div>
                            <div class="detail-right-x">
                                <input type="text" id="txtNumber" class="input-textbox" value="1" />
                                <input type="button" id="btnCart" value="ĐẶT MUA" class="myButton" onclick="updateCart(<%=idProduct%>,txtNumber.value); return false;" />
                            </div>
                        </div>
                        <br />
                    </div>
                </div>
            </div>
            <div class="product-tab-wrap">
                <div class="product-tab">
                    <span class="t-product-intro product-tab-title">Giới thiệu</span> <span class="product-plus t-product-intro">
                        +</span>
                </div>
                <div class="product-tab-content" id="x-intro">
                    <div class="detailtext">
                        <asp:Literal runat="server" ID="ltrAbout" Text="Đang cập nhật"></asp:Literal>
                    </div>
                </div>
            </div>
            <div class="product-tab-wrap">
                <div class="product-tab">
                    <span class="t-product-detail product-tab-title">Chi tiết</span> <span class="product-plus t-product-detail">
                        +</span>
                </div>
                <div class="product-tab-content" id="x-detail">
                    <div class="detailtext">
                        <asp:Repeater runat="server" ID="rptProductPropertiesX" OnItemDataBound="rptProductPropertiesX_DataBound">
                            <ItemTemplate>
                                <div class="p-properties-wrap">
                                    <span class="p-left-property">
                                        <%#Eval("PropertyName")%>
                                    </span><span class="p-right-property">
                                        <%#Eval("Value") %>
                                    </span>
                                </div>
                                <asp:Repeater runat="server" ID="rptChildProperty" OnItemDataBound="rptChildProperty_DataBound">
                                    <ItemTemplate>
                                        <asp:Panel runat="server" ID="pnlChild" CssClass="c-properties-wrap">
                                            <span class="c-left-property">
                                                <%#Eval("PropertyName")%>
                                            </span><span class="c-right-property">
                                                <%#Eval("Value") %>
                                            </span>
                                        </asp:Panel>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </ItemTemplate>
                        </asp:Repeater>
                        <ul class="ul-detail-pro">
                            <asp:Repeater runat="server" ID="rptProductProperties" Visible="false">
                                <ItemTemplate>
                                    <li><span class="pro-left">
                                        <%#Eval("PropertyName") %></span> <span class="pro-right">
                                            <%#Eval("Value") %></span> </li>
                                </ItemTemplate>
                            </asp:Repeater>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="product-tab-wrap">
                <div class="product-tab">
                    <span class="t-product-facebook product-tab-title">Nhận xét</span> <span class="product-plus t-product-facebook">
                        +</span>
                </div>
                <div class="product-tab-content" id="x-facebook">
                    <div class="detailtext">
                        <div class="fb-comments" id="cmfb" runat="server" data-num-posts="10" data-colorscheme="light">
                        </div>
                    </div>
                </div>
            </div>
            <div class="product-tab-wrap">
                <div class="product-tab">
                    <span class="t-product-same product-tab-title">Sản phẩm cùng loại</span> <span class="product-plus t-product-same">
                        +</span>
                </div>
                <div class="product-tab-content" id="x-same">
                    <div class="detailtext">
                        <div class="foo-news">
                            <asp:Repeater ID="rpListProduct" runat="server" OnItemCommand="rpListProduct_ItemCommand">
                                <ItemTemplate>
                                    <div class="product">
                                        <div class="product-inner">
                                            <a class="a-hover" href='/<%#FriendlyUrl(Eval("ProductCategoryTitle").ToString()) %>/<%#FriendlyUrl(Eval("ProductTitle").ToString())%>-<%#Eval("ProductID")%>'
                                                title='<%#Eval("ProductTitle") %>'>
                                                <img src='<%#SES.CMS.Ultility.TopbikeDomain()%>/Media/Thumbnail/<%#Eval("Thumbnail")%>'
                                                    alt='<%#Eval("ProductTitle") %>' title='<%#Eval("ProductTitle") %>' />
                                            </a>
                                            <div class="product-detail-x">
                                                <div class="product-no-promotion">
                                                    <p class="hidden p-title">
                                                        <%#Eval("ProductTitle") %></p>
                                                    <p class="hidden p-price">
                                                        <%#SES.CMS.Ultility.GetPrice(Eval("ProductID")) %>
                                                </div>
                                                <div class="action-product">
                                                    <div class="product-button">
                                                        <a href='/<%#FriendlyUrl(Eval("ProductCategoryTitle").ToString()) %>/<%#FriendlyUrl(Eval("ProductTitle").ToString())%>-<%#Eval("ProductID")%>'
                                                            title='<%#Eval("ProductTitle") %>' class="detail-product">Chi tiết</a>
                                                        <input type="button" id="btnCart" class="h-btn-cart" onclick="updateCart(<%#Eval("ProductID")%>,1); return false;" />
                                                    </div>
                                                </div>
                                            </div>
                                            <span class="new-product-span">MỚI</span>
                                        </div>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
